<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>sticky定位</title>
		<style type="text/css">
			div.sticky { position: -webkit-sticky; position: sticky; top: 0; padding: 5px;
				background-color: #cae8ca; border: 2px solid #4CAF50; }
		</style>
	</head>
	<body>
		<p>请滚动页面，才能看出效果！</p>
		<p>注意: IE/Edge 15 及更早 IE 版本不支持 sticky 属性。</p>
		<div class="sticky">我是粘性定位!</div>
		<div style="padding-bottom:2000px">
			<p>滚动我</p>
			<p>来回滚动我</p>
			<p>滚动我</p>
			<p>来回滚动我</p>
			<p>滚动我</p>
			<p>来回滚动我</p>
		</div>
	</body>
</html>
